<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@page import="br.com.connection.ConnectionFactory"%>
<%@page import="java.util.List"%>
<%@page import="br.com.bean.EstadoBean"%>
<%@page import="br.com.bean.FuncaoBean" %>
<%@page import="br.com.controller.EstadoController"%>
<%@page import="br.com.controller.FuncaoController" %>
<%@page import="java.sql.Connection"%>
<%@page import="java.util.Date"%>
<%@page import="java.text.SimpleDateFormat"%>

<%Connection conn = new ConnectionFactory().getConnection();
%>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cadastro de Funcionarios</title>

<!-- Css -->
<link rel="stylesheet" type="text/css" href="Css/css.css" />
<link rel="stylesheet" href="Jquery/jquery-ui-1.8.19.custom.css" />

<!-- Endereço da jquery -->
<script src="Jquery/jquery-1.6.2.min.js"></script>
<script src="Jquery/jquery-ui-1.8.16.custom.min.js"></script>
<script src="Jquery/jquery.maskedinput-1.3.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript"
	src="Jquery/cidades-estados-1.2-utf8.js"></script>

<!-- Script   -->
<script type='text/javascript' src='Script/mascaras.js'></script>
<script type='text/javascript' src='Script/ajax.js'></script>
<script type='text/javascript' src='Script/Cadfunc.js'></script>
</head>
<body>
	<div id="html">
		<form method="post" name="fmr" action="FuncionarioServlet" onsubmit= "return validacadfunc(this);">
			<h2>Cadastro de Funcionario</h2>
			<table>
				<caption>Dados Pessoais</caption>
				 <div id="msgFunc1"> </div>
			<tr>
					<th>Nome do Funcionario:</th>
					<td><input type="text" name="nomefunc" onKeyup="upMe(this);" id="nomefunc"
						maxlength="150" /><span class=laranja> * </span>
					</td>
				</tr>
				<tr>
					<th>Nome do Mãe:</th>
					<td><input type="text" name="mae" onKeyup="upMe(this);" id="mae"
						maxlength="150" /><span class=laranja> * </span>
					</td>
				</tr>
				<tr>
					<th>Nome do Pai:</th>
					<td><input type="text" name="pai" onKeyup="upMe(this);" id="pai"
						maxlength="150" />
					</td>
				</tr>
				<tr>
					<th>Data de Nascimento:</th>
					<td><input type="text" name="datanasc" id="data" ><span class=laranja> * </span>
					</td>
				</tr>
				<tr>
					<th>Sexo:</th>
					<td><select name="sexo" id="sexo">
							<option value="0">Selecione</option>
							<option value="M">Masculino</option>
							<option value="F">Feminino</option>
					</select><span class=laranja> * </span></td>
				<tr>
					<th>Estado onde Nasceu:</th>
					<td><select name="estado" id="estado"
						onchange="MandaID(this.value, 'cidade.jsp', 'cidade');">
							<option value="0">Selecione</option>
							<%
								List<EstadoBean> estadoList = EstadoController.ListEstado(conn);
								
								for (int i = 0; i < estadoList.size(); i++) {
							%>
							<option value="<%=estadoList.get(i).getId()%>"><%=estadoList.get(i).getEstado()%></option>
							<%
								}
							%>
					</select><span class=laranja> * </span></td>
				</tr>
				<tr>
					<th>Cidade onde Nasceu:</th>
					<td><select name="cidade" id="cidade">
							<option value="0">Selecione</option>
					</select><span class=laranja> * </span></td>
				</tr>
				<tr>
					<th>RG:</th>
					<td><input type="text" name="rg" id="rg" maxlength="100" />
					</td>
				</tr>
				<tr>
					<th>CPF:</th>
					<td><input type="text" name="cpf" id="cpf"  onkeypress="javascript: mascara(this, cpf_mask);" maxlength="14" />
					</td>
				</tr>
			</table>
			<table>
				<caption>Endereço e contato</caption>
				<tr>
					<th>Endereço:</th>
					<td><input type="text" name="endereco" onKeyup="upMe(this);" id="endereco" 
						maxlength="100" /><span class=laranja> * </span>
					</td>
				</tr>
				<tr>
					<th>Bairro:</th>
					<td><input type="text" name="bairro" onKeyup="upMe(this);" id="bairro"
						maxlength="100" />
					</td>
				</tr>
				<tr>
					<th>Estado:</th>
					<td><select name="estadoend" id="estado1"
					onchange="MandaID(this.value, 'cidade.jsp', 'cidadeend');">
							<option value="0">Selecione</option>
							<%List<EstadoBean> estado = EstadoController.ListEstado(conn);
							
							for(int i=0; i<estado.size(); i++){
							%>
							<option value="<%=estado.get(i).getId()%>"><%=estado.get(i).getEstado()%></option>
							<%} %>
					</select><span class=laranja> * </span></td>
				</tr>
				<tr>
					<th>Cidade:</th>
					<td><select name="cidadeend" id="cidadeend" >
							<option value="0">Selecione</option>
					</select><span class=laranja> * </span></td>
				</tr>
				<tr>
					<th>Função:</th>
					<td><select name="funcao" id="funcao" >
								<option value="0">Selecione</option>
							<%
								List<FuncaoBean> funcList = FuncaoController.ListFuncao(conn);
								
								for (int i = 0; i < funcList.size(); i++) {
							%>
							<option value="<%=funcList.get(i).getId()%>"><%=funcList.get(i).getFuncao()%></option>
							<%
								}
							%>
					</select><span class=laranja> * </span></td>
				</tr>
				<tr>
					<th>Telefone:</th>
					<td><input type="text" name="telefone" id="telefone" maxlength="15"/><span class=laranja> * </span>
					</td>
				</tr>
				<tr>
					<th>Celular:</th>
					<td><input type="text" name="celular" id="celular" maxlength="15"/>
					</td>
				</tr>
				<tr>
			</table>
			<div id="msgFunc"> </div>
			<input type="submit" name="cadastrar" id="cadastrar"
				value="Cadastrar" /><input type="reset"
				name="cancelar" id="cancelar" value="Cancelar" />

		</form>
	</div>
</body>
</html>